<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
  .button{
    background-color: #4CAF50;
    box-shadow: 0 9px #cccccc ;
    border-radius: 15px;
    display: inline-block;
    font-size: 30px;
    border: none;
    outline: none;
    text-align: center;
    padding: 15px 30px;
   color: #FFFFFF;
  }
  .button:hover{
    background-color: #17772a;
  }
  .button:active {
    background-color: #3e8e41;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }
</style>
<body>
<button class="button">click me</button>
</body>
</html>
